<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
<link href="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.css" rel="stylesheet" />
<link href="<%=basePath%>resources/js/common/plugin/easyui/themes/default/easyui.css" rel="stylesheet"/>
<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
<link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
<link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
<script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/bootstrap/js/bootstrap.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/easyui/jquery.easyui.min.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde"></script>

    
<title>自动处理配置</title>
<style>
	.plateNum{
		bottom: 380px;
    	left: 0px;
    	zoom: 1;
    	position: relative;
    	width:200px;
    	height:40px;
	}
	.bolderstyle{
		border-left: 1px solid #dfdddd;
    	border-top: 1px solid #dfdddd;
    	border-bottom: 1px solid #dfdddd;
    
    	border-right: 1px solid #dfdddd;
    	padding: 6px;
    	background: #fff;
    	
    	font-size:14px;
    	line-height:28px;
    	text-align:center;
	}
	.night-chart-list{
		height:300px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	.top_style{
		border-top: 1px dashed #dfdddd;
		margin-top:20px;
	}
	#chosecar,#choseenterpirse,#queryBtn{
		margin-right:15px;
	}
	#mymap{
		border:1px solid #d0d0d0;
	}
</style>
</head>
<script type="text/javascript">
$(function(){
	$('.mouse').click(function(){
		var chose =true;
		if($(this).prev()[0].type=='checkbox'){
			if(!$(this).prev()[0].checked){
				$(this).prev()[0].checked=true;
				chose =false;
			}else if($(this).prev()[0].checked){
				$(this).prev()[0].checked=false;
			}
		}
		if($(this).prev()[0].type=='radio'){
			if(!$(this).prev()[0].checked){
				$(this).prev()[0].checked=true;
			}
		}
		APPchose(chose);
	});
	APPchose();
})
	function APPchose(chose){
		if($('input[id="APP"]').attr('checked')=='checked'){
			$('#principal').hide();
			$('#operator').hide();
			$('#organization').hide();
			$('input[name="notice_principal"]').removeAttr('checked')
			$('input[name="notice_operator"]').removeAttr('checked')
			$('input[name="notice_organization"]').removeAttr('checked')
			if(!chose){
				$('input[name="notice_driver"]').attr('checked','checked');
			}
		}else{
			$('#principal').show();
			$('#operator').show();
			$('#organization').show();
			if(chose){
				$('input[name="notice_driver"]').removeAttr('checked');
			}
		}
		if($('input[id="EM"]').attr('checked')=='checked'){
			$('#driver').hide();
			$('input[name="notice_driver"]').removeAttr('checked');
		}else{
			$('#driver').show();
		}
	}
</script>
<script type="text/javascript">
var appCtx="<%=basePath%>";
</script>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div>
    <div class="main" style="margin-left:50px;">
        <%@ include file="/views/common/top.jsp" %>
        <div class="content pr" style='margin-top:10px'>
            <div class="chart row-fluid top_style">
		            <div class="detail-report" style="margin-top:20px;">
		            <input type="hidden" id="id"  name="id" value="" >
		            <div class="userOpeart">
						<ul class="clearfix">
							<li class="userAdd OpeartLi fl">
								<a class="db clearfix OpeartA" id="addUnitBtn" name="addUnitBtn" href="javascript:;">
									<span class="add-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl" >增加</div>
								</a>
							</li> 
						</ul>
					</div>
		                <div class="table" id="resultTable" style="margin-bottom:0">
		                </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="win" class="modal hide fade"
		style="left: 45%; width: 50%; top: 15%; height: 420px;"
		aria-hidden="false" tabindex="-1" data-backdrop="static">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h4 id="Title" style="color: white; line-height: 15px">系统处理方式</h4>
		</div>
		<div class="modal-body"
			style="font-size: 13px; vertical-align: middle; text-align: left; max-height: 500px; padding: 5px;">
			<form  id="saveHandle" action="" method="post">
		<div class="modal-body" style="font-size: 13px; vertical-align: middle; text-align: left; max-height: 500px; padding: 10px;">
			<div style="margin-bottom: 5px">
				<span style="padding: 20px;">报警类型:</span><input style="margin-bottom:5px;"  type="text" id="alarmType"/><font style="color:#f00;">*</font>
			</div>
			<div style="margin-bottom: 5px">
				<span style="padding: 20px;">通知时间:</span><input type="text" id="time"  class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'HH:mm:ss'})"><font style="color:#f00;">*</font>
			</div>
			<div style="width: 455px; height: 215px; margin-bottom: 5px;">
				<span style="padding: 12px;margin-left:7px;">处理意见:</span>
				<textarea  name="handle_remark" style="width: 450px; height: 200px; resize: none; margin-left: 98px; margin-top: -15px;">贵公司车牌【XXXXXXX】于【XXXX-XX-XX XX:XX:XX】提示【XX】报警；请核查，谢谢</textarea>
			</div>
			<div>
				<span style="padding: 12px;margin-left:13px;">通知渠道:</span> 
					<input style="margin-bottom:5px;" onclick="APPchose(this)"  type="radio"  name="notice_type"  id="APP" value="1"  checked="checked" /><span class="mouse" style="margin-left: 5px; margin-right: 20px;">APP</span>
					<input style="margin-bottom:5px;" onclick="APPchose(this)"  type="radio"  name="notice_type"  id="SM"  value="2" /><span class="mouse" style="margin-left: 5px; margin-right: 20px;">短信</span>
					<input style="margin-bottom:5px;" onclick="APPchose(this)"  type="radio"  name="notice_type"  id="EM" value="3" /><span class="mouse" style="margin-left: 5px; margin-right: 20px;">邮件</span>
					<!-- <input style="margin-bottom:5px;"  type="radio"  name="notice_type"  value="4" /><span class="mouse" style="margin-left: 5px">语音下发</span> -->
			</div>
			<div style="margin-bottom: 5px">
				<span style="padding: 12px;">通知干系人:</span> 
					<span id="driver" ><input style="margin-bottom:5px;"  type="radio" name="notice_obj"  value="1" /><span  class="mouse" style="margin-left: 5px; margin-right: 20px;">司机</span> </span>
					<!-- <input style="margin-bottom:5px;"  type="radio" name="notice_obj"  value="2" /><span  class="mouse" style="margin-left: 5px; margin-right: 20px;">监控人员</span>  -->
					<span id="principal" ><input style="margin-bottom:5px;"  type="radio" name="notice_obj"  value="3" /><span  class="mouse" style="margin-left: 5px; margin-right: 20px;">负责人</span> </span>
					<span id="operator" ><input style="margin-bottom:5px;"  type="radio" name="notice_obj"  value="4" /><span  class="mouse" style="margin-left: 5px; margin-right: 20px;">运营商</span></span>
					<span id="organization" ><input style="margin-bottom:5px;"  type="radio" name="notice_obj"  value="5" /><span  class="mouse" style="margin-left: 5px">管理机构</span></span>
			</div>
			<input type="hidden" id="alarm_type"  name="alarm_type" value="" >
			<input type="hidden" id="notice_time"  name="notice_time" value="" >
			<input type="hidden" id="enable"  name="enable" value="0" >
		</div>
	</form>
		</div>
		<div class="modal-footer" style="padding: 5px 20px;">
			<button class="btn btn-ecColor" data-dismiss="modal"
				aria-hidden="true">取消</button>
			<button class="btn btn-ecColor" id="save" onclick="systemProcessing.saveHandleDeatils()">确定</button>
		</div>
	</div>
	
	<div id="confirmModal" class="modal hide fade" tabindex="-1"
			style="width: 360px; left: 767px; top: 193px;" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h5>确认提示</h5>
			</div>
			<div class="modal-body">
				<p id="confirmInfo">确定要删除吗？删除后将无法恢复！</p>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" id="canDelBth"
					aria-hidden="true">关闭</button>
				<button class="btn btn-ecColor" id="confirmOK">确定</button>
			</div>
</div>
<script src="<%=basePath %>resources/js/common/main/HashMap.js"></script>
<script src="<%=basePath %>resources/js/common/main/base64.js"></script>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/systemProcessing/systemProcessing.js"></script>
</body>
</html>